<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/assets/restaurant/css/style.css">
    <link rel="stylesheet" href="../../../assets/restaurant/css/normalize.css">
</head>
<body>
<div class="wraper bg_white">
    <div class=" text-center font-white" id="headers" style="color: #2a2a2a">
        <!-- 欢迎光临{BEESCRM:$restaurant_name}-->
        您点的菜已经出锅啦，等您来取！
        <!--<a href="#" class="right"><img src="/assets/restaurant/images/Refresh.png" alt=""></a>-->
    </div>
    <div id="list" class="clearfix">
   <!--     <div class="box tb-mode half pull-left"> <div class="number text-center font-white tb-cell "><div>35号</div></div>
            <div class="tb-cell"><div class="greens_img"><img src="http://alpha.greencampus.cc/uploads/image/28/1497417475682.jpg" alt=""></div></div>
            <div class="font-48 tb-cell "> <div class="padding-l40">红红烧带鱼红烧带鱼烧带鱼</div></div></div>
        <div class="box tb-mode half pull-left"> <div class="number text-center font-white tb-cell "><div>35号</div></div>
            <div class="tb-cell"><div class="greens_img"><img src="http://alpha.greencampus.cc/uploads/image/28/1497417475682.jpg" alt=""></div></div>
            <div class="font-48 tb-cell "> <div class="padding-l40">红红烧带鱼红烧带鱼烧带鱼</div></div></div>
        <div class="box tb-mode half pull-left"> <div class="number text-center font-white tb-cell "><div>35号</div></div>
            <div class="tb-cell"><div class="greens_img"><img src="http://alpha.greencampus.cc/uploads/image/28/1497417475682.jpg" alt=""></div></div>
            <div class="font-48 tb-cell "> <div class="padding-l40">红红烧带鱼红烧带鱼烧带鱼</div></div></div>
        <div class="box tb-mode half pull-left"> <div class="number text-center font-white tb-cell "><div>35号</div></div>
            <div class="tb-cell"><div class="greens_img"><img src="http://alpha.greencampus.cc/uploads/image/28/1497417475682.jpg" alt=""></div></div>
            <div class="font-48 tb-cell "> <div class="padding-l40">红红烧带鱼红烧带鱼烧带鱼</div></div></div>-->
    </div>
</div>
</body>
<script src="/assets/restaurant/js/jquery-2.1.0.min.js"></script>

<script>
    var height=$(window).height();
    $('.wraper').css('height',height)

    var page_index = 0;
    var datas = {BEESCRM:$datas};
    if(datas ==null){
        var fun=function(){
            window.location.href = "/restaurantstyy/ZduScreen/screenindex?restaurant_id={BEESCRM:$restaurant_id}";
        };
        setTimeout(fun,3000);
    }else {
        var total = datas.length;
        task();
        function task() {
            if (page_index >= total) {
                clearInterval(time2);
                window.location.href = "/restaurantstyy/ZduScreen/screenindex?restaurant_id={BEESCRM:$restaurant_id}";
                return;
            }
            var data = datas[page_index];
            var html = '';
            for (var i = 0; i < data.length; i++) {
                html += '<div class="box tb-mode half3 pull-left " style="background-color:#ffffff "> <div class="number text-center tb-cell font-120" style="color: #2a2a2a"><div>' + data[i].order_num + '<span style="font-size: 6.25vw;color: #2a2a2a;">号</span></div></div> <div class="tb-cell "> <div class="padding-l40" style="color: #2a2a2a">' + data[i].goods_name + '</div></div></div>';
//            html += '<div class="box tb-mode"> <div class="number text-center font-white tb-cell">'+data[i].order_num+'号</div> <div class="font-48 tb-cell padding-l40">'+data[i].goods_name+'</div> <div class="font-blue font-40 tb-cell width-200 text-right"><img src="/assets/restaurant/images/dqc.gif" alt=""></div> </div>';
            }
            $('#list').empty();
            $('#list').append(html);
            page_index++;
        }
        var time2 = setInterval(task, 3000);
    }
</script>
</html>